<%--
  Created by IntelliJ IDEA.
  User: Bai
  Date: 2018/5/14
  Time: 11:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>EasyUI-Dialog</title>
    <!-- 引入JQuery -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/Jquary-easyui/jquery.min.js"></script>
    <!-- 引入EasyUI -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/Jquary-easyui/jquery.easyui.min.js"></script>
    <!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/Jquary-easyui/locale/easyui-lang-zh_CN.js"></script>
    <!-- 引入EasyUI的样式文件-->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/Jquary-easyui/themes/default/easyui.css"
          type="text/css"/>
    <!-- 引入EasyUI的图标样式文件-->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/Jquary-easyui/themes/icon.css"
          type="text/css"/>

    <script type="text/javascript">
        $(function () {
            $('#bai').dialog({   //使用自定义参数创建EasyUI的Dialog
                title: '使用JavaScript创建的Dialog',
                width: 400,
                height: 200,
                closed: false,
                cache: false,
                modal: true
            });
        });
    </script>
</head>
<body>
<div id="bai" >这是一个Dialog</div>
</body>
</html>
